    {% extends 'base_product.html' %}
    {% block body %}

    <div class="p-4 p-md-5 mb-4 rounded text-bg-dark">
        <div class="col-md-6 px-0">
          <h2 class="display-4 fst-italic">{{ the_title }}</h2>
          <h4 class="lead my-3">You submitted the following data:</h4>

          <p class="lead my-3" fw-bold>Phrase:{{ the_phrase }}<p class="lead my-3">
          <p class="lead my-3" fw-bold>Letters:{{ the_letters }}<p class="lead my-3">

          <h4 class="lead mb-0"><a href="#" class="text-white fw-bold">When "{{ the_phrase }}" is search for "{{ the_letters }}", the folowing results are returned:</a></h4>
             <h3 class="display-4 fst-italic">{{ the_results }}</h3>
        </div>
      </div>

{% endblock %}
